@charset "utf-8";

/*
 * CSS Document
 * 
 * screen.css Version 1.1 for
 *   http://www.geocities.jp/pbrocky544/
 *   http://pb-100.blogspot.com/
 *   http://pb-100bbs.blogspot.com/
 *   http://pbrocky.blogspot.com/
 *
 * -- document type --
 *   valid HTML 4.01 & XHTML
 *   
 * -- functions --
 * 
 * -- Checked browser --
 *   IE5, 5.5, 6, 7, 8(ie7 mode), MacIE
 *   firefox3, Iron8, Safari3.2, Opera9,10,11
 * 
 * -- history --
 *    version 1.11:
 *     resize. main 470px -> 450px, side 140px -> 150px
 *     
 *   version 1.1:
 *     pb color.
 */

/* ie6+, modern browser */
@import 'screen_import.css'/**/;


/*  Structure
--------------------------------------------------------------------------------------*/

	#main * {
		clear:			none !important; /* ie4 */
	}
	
/*  Structure
--------------------------------------------------------------------------------------*/
	#body {
		max-width:			619px;
		margin:				0 auto 1em;
		overflow:			hidden; /* ie8, safari3.2 */
	}

		#main {
			float:				right;
			margin-top:			1em;
			width:				74%; /* firefox & opera fit-img */
			_margin-left:		26%;
		}
		
		#side {
			float:				left;
			width:				24%;
			margin-top:			1em;
			overflow:			hidden; /* for ads */
			_margin-right:		-24%;
		}
		
/*  Structure fix for ie6-
--------------------------------------------------------------------------------------*/
	/* ie6 max-width */
	#ie6-max-width-left {
		float:			left;
		height:			10px;
		width:			49.9%;
		margin-left:	-310px;
	}
	#ie6-max-width-right {
		float:			right;
		height:			10px;
		width:			49.9%;
		margin-right:	-309px;
	}
	#body-wrapper {
		zoom:			1; /* ie6 */
	}
	* html #body {
		float:			left;
	}
	* html #body-inner {
		width:			100%;
		overflow:		hidden; /* ie5 */
	}

/*  Header
--------------------------------------------------------------------------------------*/
	#header {
		background-color:	#000;
		padding:			0.5em 1em 0;
	}
		#header h1 {
			margin:				0.2em 0;
			color:				#fff;
			font-weight:		normal;
			text-shadow:		1px 1px 3px rgba( 255, 255, 255, 0.4 );
		}
			#casio {
				text-transform:		uppercase;
				font-size:			58%;
				text-shadow:		1px 1px 2px rgba( 255, 255, 255, 0.4 );
			}
			#pocketcomputer {
				text-transform:		uppercase;
				font-size:			42%;
				font-weight:		normal;
				padding-left:		1em;
				color:				red;
				text-shadow:		1px 1px 1px rgba( 255, 0, 0, 0.6 );
			}
			
			#navi span,
			#navi a,
			#navi a:link {
				display:			inline-block;
				display:			-moz-inline-block;
				*display:			inline;
				background-color:	#000;
				color:				#fff;
				line-height:		4em;
				height:				4em;
				margin-bottom:		0.5em;
				text-align:			center;
				zoom:				1; /* ie6 */
			}
			#navi span a,
			#navi span a:link {
				margin-bottom:		0;
			}			
			#navi a,
			#navi a:link {
				padding:			0 1em;
			}
			#navi a:hover {
				background-color:	#f60 !important;
				color:				#fff !important;
			}
			#navi .open,
			#navi .open a {
				background-color:	#fff;
				color:				#000;
			}
			#navi a.open:visited,
			#navi .open a:visited,
			#navi .open a:link,
			#navi .open a {
				color:				#003;
			}

/*  Footer
--------------------------------------------------------------------------------------*/
	#footer {
		border-top:			2px solid #000;
		height:				200px;
		line-height:		2em;
		clear:				both;
		text-align:			center;
	}


/*  breadcrumb
--------------------------------------------------------------------------------------*/
	#breadcrumb {
		text-align:		right;
		margin:			9px 5px 4px;
	}
	#breadcrumb * {
		display:		inline !important;
	}
	#breadcrumb, #breadcrumb * {
		font-size:		85%;
		line-height:	1.2em;
		color:			#666;
		border:			none;
		font-weight:	normal;		
	}
	#breadcrumb a:hover {
		text-decoration: underline;
	}

/*  Side
--------------------------------------------------------------------------------------*/
	#side dl {
		padding:			0;
		margin:				0 0 15px;
	}
		
		#side dt,
		#side h2 {
			margin:				5px 0;
			padding:			0.8em 0.5em 0.7em;
			background-color:	#111;
		    color:				#ccf;
			font-weight:		normal;
			text-align:			center;
		}
	
		#side dt,
		#side h2,
		#side dd a  {
			font-size:			96%;
			line-height:		1.3;
		}
	
		#side dd {
			margin:				0;
		}
			#side dd a {
				padding:			0.5em 7px 0.4em;
				color:				#333;
				display:			block;
			}
		    #side dd.open a {
				background-color:	#030D31;
				color:				#fff;
			}
			#side dd a:hover {
				background-color:	#f60;
				color:				#fff;
			}

/*
 * この位置にないと firefox で不具合．
 */
/* ie5.5 */
@media tty {i{content:"\";/*" "*/}}@m; @import 'screen_import.css';
{;}/*";}}/* */